const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
  // 打包模式
  mode: "development",

  // 入口配置
  //    chunk
  entry: "./src/index.js",

  // 出口配置
  output: {
    filename: "bundle.js",
    path: path.resolve(__dirname, "./dist"),
    // 是否清空构建目录
    clean: true,
  },

  // 插件配置
  plugins: [
    new HtmlWebpackPlugin({
      // 配置选项
      // 生成的文件名，默认是 index.html
      filename: "abcd.html",
      // 让script标签插入到 body 下
      inject: "body",
      // 配置title，默认值是 Webpack App
      title: "Hello Webpack",
      // 指定一个生成html的模板页面
      template: "./public/template.html",
    }),
  ],
};
